*{padding:0;margin:0}
body{min-width:1200px;font-size: 14px; background:#EFEFEF; margin: 0px auto; color: #333; font-family:"Microsoft YaHei";}
div,form,ul,ol,li,span,img,a img{border-top-width: 0px; padding-right: 0px; padding-left: 0px; border-left-width: 0px; border-bottom-width: 0px; padding-bottom: 0px; margin: 0px auto; padding-top: 0px; border-right-width: 0px}
ul,ol,li {list-style-type: none}
table {font-size: 12px}
td {font-size: 12px}
input {font-size: 12px}
h1,h2,h3,h4,h5,h6 {margin: 0px auto}
h1 {font-size: 28px}
h2 {font-size: 22px}
h3 {font-size: 16px}
h4 {font-size: 14px}
h5 {font-size: 14px}
h6 {font-size: 14px}
.clear {clear: both; margin-top: -1px; font-size: 1px; visibility: hidden; width: 1px; line-height: 0; height: 0px}
a:link {color: #353535; text-decoration: none; outline-style: none}
a:visited {color: #353535; text-decoration: none; outline-style: none}
a:hover {color: #0b3779; text-decoration: underline}

.favicon {padding-right: 0px;}

.xxnr img {
    max-width: 860px;
}
.search {float: right; margin: 5px 0px 12px; width: 245px; position: relative}
.searchinput { font-size: 14px;float:left;color:#666;
    padding: 6px;
    border:solid 1px #ff4e00;
    width:210px;
    height:20px;    margin-left: 10px;
    margin-top: 11px;
    line-height: 20px;
    display: block;
    border-radius: 0px;
    -webkit-appearance: none;
    box-shadow: 0 1px 1px rgba(0,0,0,0.075) inset;
    transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;
}
.zz_ssgjbox_l {
    width: 880px;
    float: left;
	margin-left: 10px;overflow: hidden;
}



.searchbtn:hover{  background:#ff4e00;}

.searchbtn {    background: #df5112;
    width: 60px;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    height: 34px;
    text-align: center;
    border-bottom-style: none;
    color: #fff;
    font-size: 14px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;    position: relative;
    top: 2px;
}


.opacity {
	z-index: 99; filter: alpha(opacity=50); left: 0px; float: left; overflow: hidden; width: 958px; bottom: 0px; position: absolute; height: 30px; background-color: #f0f0f0; moz-opacity: 0.5; opacity: 0.5
}

div#firstpane h3 a {
    color: #000; font-size:16px;
}
/* about */
#hbnr{min-width:1200px;width:100%;height: auto;min-height: 380px;padding-top: 10px;padding-bottom: 20px;}
#hbnrbox{width:1200px;height:auto;margin:auto;}
#hbnrboxleft{width:270px;height:auto;float:left;}
#hbnrboxright{width:888px;height:auto;float:right;padding-bottom: 25px;}

/* left */
.leftxxcp { width:270px; height: auto;margin-bottom: 20px;border:0;padding-bottom: 10px;overflow: hidden; background:#990099;}

.lxxxt {height: 40px;line-height: 40px;background:#49515C;}

.twz h1 {float: left;color: #fff;font-size: 16px;padding-left: 20px;padding-right: 20px;background: #49515C;}


.leftxxcps {    height: 40px;
    line-height: 40px;
    background: #49515C;}
.lxxx {padding: 1px;border: 1px solid #CDCDCD;margin-bottom: 20px;}
.leftxxcps h1 {font-size: 15px;margin-left: 20px;line-height: 43px;color:#fff;}
.lxxxt h1{font-size: 15px;margin-left: 20px;line-height: 43px;color:#fff;}
.lxximg{width: 220px;margin-top: 10px;margin-bottom: 10px;text-align: center;}
.lxxxx {margin-top: 20px;margin-left: 10px;line-height: 27px;font-size: 13px;}
.leftxxcpx ul li {line-height: 37px;margin-top: 4px;border-bottom: 0px solid #EAEAEA;}
.leftxxcpx ul li a{display:block;text-decoration: none;padding-left: 20px;background:url(../images/ico.jpg)12px 14px no-repeat;}
.leftxxcpx ul li a:hover{background:#333;color:#fff;}
/* right */

.pagenavi span,.fenye span,.pagenavi a ,.fenye a {
    float: left;
    border: solid 1px #ccc;
    margin-left: 2px;
    margin-right: 2px;
    padding-left: 10px;
    padding-right: 10px;
}


.pagenavi strong {
    float: left;
}
.pagenavi, .fenye{
    margin-top: 40px;
    margin-bottom: 20px;
    margin-left: 18px;
    width: 100%;
    overflow: hidden;
}


.twz span {float: right;padding-right: 15px;font-size: 16px;}
.twz span a:hover{text-decoration: none;color:#f00;}
.twz {height: 40px;line-height: 40px; border-bottom: 1px solid #A1A0A0;margin-bottom:20px; font-size:20px;}
div#hbnrboxright h2 {margin-top: 20px;margin-bottom: 10px;text-align: center;font-size: 17px;}
.xxnr {line-height: 30px; font-size:15px; padding: 0px 15px 25px 15px; line-height:35px;}

.newsnr { width:1200px; line-height: 30px; font-size:15px; padding: 0px 15px 25px 15px; line-height:35px;}

/* news */
ul.nlist li {border-bottom: 1px dashed #D8D8D8;margin-left: 10px;}
ul.nlist li h3 {padding-right: 30px;margin-top: 10px;margin-bottom: 10px;font-size: 18px;color: #16AFDD;font-weight:normal;}
ul.nlist li h3 a {color: #16AFDD;text-decoration: none;}
ul.nlist li h3 a:hover {color:#FF7B0D;}
ul.nlist li h2 {padding-left: 30px;padding-right: 30px;text-align: left !important;margin-top: 0px !important;font-size: 15px !important;font-weight: normal;min-height: 50px;}
ul.nlist li h1 {padding-left: 530px;padding-right: 30px;text-align: left !important;margin-top: 0px !important;font-size: 16px !important;font-weight: normal;min-height:50px; color:#999999;}

ul.nlist li h3 a span {float: right;}

/* dy */
.menu_list{width:270px;margin:0 auto;}
.menu_head{
	height: 50px;
line-height: 50px;
padding-left:0px;
font-size: 16px;
cursor: pointer;
position: relative;
margin: 0px;
}



div#firstpane h3 {font-size: 16px;font-weight: 100; }

.menu_body{
	line-height: 38px;
	border-left: 1px solid #e1e1e1;
	backguound: #fff;
	border-right: 1px solid #e1e1e1;
}
.menu_body a{display:block;height:38px;line-height:38px;padding-left:38px;color:#777777;background:#fff;text-decoration:none;border-bottom:1px solid #e1e1e1;}
.menu_body a:hover{text-decoration:none;}
.menu_list .menu_list:nth-child(1){display:block;}

.tupian{width:1000px;height:200px;margin:auto;}
.tupian img{width:1000px;height:200px;}

div#firstpane a { width:270px; color: #f00;text-decoration: none; background:url(../images/cylf.jpg); height:50px;}

div#firstpane a:hover { width:270px; color: #fff;text-decoration: none; background:url(../images/cyl.jpg); height:50px;}




/* HUAN */

/* flexslider */
.flexslider{position:relative;height:600px; overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:750px;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}

/* 自定义css */
.wbox{width:100%;height:auto;}
.nbox{width:1000px;margin:auto;}
.yimg img{background:#fff;padding:4px;border:1px solid #eee;}
.tybt{width:100%;height:30px;line-height:30px;}
.tybt a{display:block;float:right;width:50px;height:100%;}
.tyxw{}
.tyxw ul li{width:100%;height:27px;line-height:27px;}
.tyxw ul li span{float:right;}
.tyxw ul li img{float:left}





.zz_ssgj{background:#F5F5F5;height:55px;line-height:55px;}

.zz_ssgjbox{width:1200px;height:55px;line-height:55px;margin:auto;}

.zz_ssgjbox_r {
    width: 310px;
    float: right;    
}






.zz_cpbox {
    width: 1200px;
    margin: auto;    height:auto;
}
.zz_ckgd {
    width: 100%;
    padding-bottom: 30px;
}




.zz_cpboxt {width:100%;height:140px;
    text-align: center;
}
.zz_cpboxt h1 {
    font-size: 24px;
    font-weight: normal;
    color: #666;
    padding-top: 30px;
    margin-bottom: 10px;
}
.zz_cpboxt h2 span{
    font-size: 20px;
    font-weight: normal;
    color: #666;
}

.binh_cp{width:25%;height:218px;float:left;  }

.cp_tp img {
    width: 225px;
    height:200px;
	position:relative;
}

.cp_tp {
    padding: 0px;
    overflow: hidden; 
	margin:0px;
   position:relative;
}
a.bh_tup {
    display: block;
    width: 225px;
    height:200px;
    margin: auto;
    margin-top: 0px;

}

a.xxlcp {
    display: block;
    width: 100%;
    height: 47px;
    text-align: center;
    line-height: 47px;
    font-size: 15px;
    color: #777;
}


a.bh_tup img {
    width: 100%;
    -webkit-transition: -webkit-transform 1s ease-out;
    -moz-transition: -moz-transform 1s ease-out;
    -ms-transition: -ms-transform 1s ease-out;
    transition: transform 1s ease-out;
}
a.bh_tup:hover img {
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
	transform: scale(1.2);
}


.zz_ckgd a {
    display: block;
    width: 150px;    border-radius: 3px;
    height: 48px;    color: #ff4e00;
    text-align: center;
    line-height: 50px;    font-size: 14px;
    border: solid 1px #ddd;
    margin: auto;
    margin-top: 20px;
}






.zz_gybox{width:1200px;height:416px; background:#FFFFFF; margin-top:35px;}
.zz_gybox_l{width:445px;float:left; height:416px;}
.zz_gybox_r {
    width: 710px;
    float: right;
	height:416px;
    margin-top: 40px;    margin-right: 24px;
}
.zz_gybox_rn{color:#555;font-size:16px;line-height:32px;}




.zz_gybox_rn a {
float:right;

   background-color:#036EC0;
    display: block;
    width: 120px;
    height: 42px;
    text-align: center;
    color: #ffffff;
    line-height: 42px;
	margin-top:12px;
	 
    font-size: 16px;
}

/* .zz_ys{background:url(../images/ysbg.jpg)center;} */
.zz_ysbox{width:1200px;height:430px;}

.zz_ysbox_n ul li h3 {
    font-size: 20px;
    color: #ff4e00;
    border-bottom: dashed 1px #ff4e00;
    padding-bottom: 8px;
    font-weight: normal;
    text-align: center;
}


.zz_ysbox_n ul li {
    width: 200px;
    float: left;
    margin-left: 50px;
    margin-right: 50px;
    color: #555;
    font-size: 14px;
    line-height: 25px;
}

.zz_yyt {
    width: 100px;
    height: 100px;
    overflow: hidden;
    border-radius: 50%;
    background: #fff;
    margin-bottom: 40px;
    margin-top: 10px;    border: 1px solid #ff4e00;
}
.zz_yyt img {
    width: 70px;
    margin-left: 15px;
    margin-top: 20px;
}



.zz_xwbox{width:1200px;height:320px; }

.zz_xwbo_xw{width:593px; height:320px;  float:left;}

.zz_xwbo_lx{width:538px; height:320px; float:right;}


.zz_xwbo_xwt h3 {
    font-size: 24px;
    color: #0972C3; font-weight:normal;
}
.zz_xwbo_xwt {
    width: 100%;
    height:48px; line-height:65px; margin:0px; padding:0px;  font-weight: normal; font-size:28px; color:#036EC0; text-align:left;
   
}
.zz_xwbo_xwt a {
    
    margin-right: 10px;
    color: #777;
    font-size: 12px;
}
.zzxw_lmt {
    width: 593px;
	
    height: 20px; 
    margin-bottom: 10px;
   
}
.zz_xwbo_xwn ul li {
    width: 593px;
    height: 35px;
    line-height: 35px;
    border-bottom: 1px dashed #D9D9D9;
	color:#666666;
}

.zz_xwbo_xwn ul a:hover{ color:#17B0DE; font-size:14px; text-decoration:none;
}


.zz_xwbo_lxn{
    width: 538px;
    height: 260px; margin:0px; padding:0px;
}

.zz_xwbo_lxnl{ width:260px; height:260px; margin:0px; padding:0px; float:left;}

.zz_xwbo_lxnr{ width:237px; height:260px; margin:0px; padding:0px; float:right;}

.zz_xwbo_lxnl ul li {
    width: 100%;
    height: 38px;
    line-height: 45px;
}

.what{display:block; width:100%; margin-top:20px;}
.what #do{display:block;cursor:pointer;width:100%;height:380px;position:relative;margin:0px auto;z-index:2;}
.what #do .imglist{width:100%;height:380px;position:absolute;top:0px;left:0px;}
.what #do .left{display:block;position:absolute;left:5%; top:100px;width:36px; height:77px;background:url(../images/prevNext.png) no-repeat 0px  top;z-index:7;}
.what #do .right{display:block;position:absolute; right:5%; top:100px;width:36px; height:77px;background:url(../images/prevNext.png) no-repeat -36px top;z-index:8;}
.what #do .btn{position:absolute;bottom:10px;left:44%;display:block;padding:2px 15px; border-radius:11px;z-index:3;}
.what #do  .btn li{float:left;height:60px;width:16px;margin:0px 2px;background:url("../images/1.png") no-repeat; cursor:pointer;}
.what #do  .btn .hover{background:url("../images/2.png") no-repeat;}


#fa{ width:1200px; height:45px; line-height:40px; margin:0 auto;}
#fa ul li{ float:left}





#jpyw{ width:1200px; height:292px; margin-top:32px; padding:0px;}

#hxys{ width:1200px; height:625px; padding:0px;}

#hxys1{ width:1200px; padding:0px; }


.hxys{ width:1200px; height:536px; margin-top:35px; padding:0px; }

.hxysl{ width:37px; height:536px; margin:0px; padding:0px; float:left; background:url(../images/hxysl.jpg);}

.hxysnr{ width:520px; height:536px; margin-left:16px; padding:0px; float:left;}

.hxysnrt{ width:520px; height:31px; line-height:31px; margin:0px; padding:0px; font-size:16px; color:#101010;}

.hxysnrm{ width:520px; height:72px; margin:0px; padding-top:11px; line-height:20px;color:#5D5D5D;}

.hxysnrf{ width:520px; height:122px; margin:0px; padding-top:12px;}

.hxysm{ width:36px; height:536px; padding:0px; float:left; margin-left:44px;  background:url(../images/hxysm.jpg);}


.jpywt{ width:100%; height:48px; line-height:65px; margin:0px; padding:0px;  font-weight: normal; font-size:28px; color:#036EC0; text-align:left;}

.x1{ width:100%; height:2px; margin-top:10px; background:#FF4E02;}

.gxjy-ul { padding-top:37px; width: 1200px; height:206px;
}
.gxjy-ul li {
	margin: 0px; width: 25%; height: 206px; color:#FFFFFF; float: left; position: relative;
}
.gxjy-ul li span { 
background-color:#000000; left: 0px; top: 0px; width: 294px; height: 206px; text-align: center; line-height:206px;  padding-top: 0px; font-size: 28px; display: none; position: absolute; z-index: 22; opacity: 0.55;
  filter: alpha(opacity=50);}
  
.gxjy-ul li:hover span {
	display: block;
}
.gxjy-ul li span b {
	font-size: 24px; font-weight: normal;
}

#cp{ width:1200px; height:421px; margin-top:60px; padding:0px;}

.cpl{ width:246px; height:421px; margin:0px; padding:0px; float:left;}

.cpt{ width:246px; height:52px; margin:0px; padding:0px; background:url(../images/cpt.png);}

.cptnr{ width:170px; height:52px; line-height:52px; margin:0px; padding:0px; font-size:18px; color:#FFFFFF; margin-left:20px;}

.cpf{ width:width:246px; height:300px; margin:0px; padding:0px;}

.cpfnr{ width:246px; height:50px; margin:0px; padding:0px; background:url(../images/cpp.jpg); color:#FFFFFF; line-height:50px; font-size:16px;  }

.cpfnrl{ width:200px; height:50px; margin-left:33px; }


.cpdh{ width:246px; height:69px; margin:0px; padding:0px; background:url(../images/cpdh.jpg);}

.cpdhnr{ width:200px; height:30px; color:#FFFFFF; font-size:20px; font-family:Arial, Helvetica, sans-serif; margin-left:20px; padding-top:37px; letter-spacing:1px; line-height:30px;}

.cpr{ width:937px; height:421px; margin:0px; padding:0px; float:right;}






/* 本例子是三张幻灯片图片切换css */
.slideBox{ width:447px; height:416px; overflow:hidden; position:relative; border:1px solid #ddd;  }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:447px; height:416px; display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }






<!--案例展示-->

.case{ width:1200px; height:620px; margin:0px; padding:0px;}

.w {margin: 0px auto; width: 1200px; }

.slideTxtBox {
	padding: 20px 0px 0px; width: 100%; color: rgb(255, 255, 255); overflow: hidden;
}
.slideTxtBox .hd {
	height: 60px; position: relative; 
}
.slideTxtBox .hd ul {
	height: 60px; float: left; position: absolute;  margin-left:40px;
}
.slideTxtBox .hd ul li { 
	background: rgb(205, 205, 205); margin: 0px 50px; border-radius: 5px;   width: 240px; height: 60px; text-align: center; color: rgb(51, 51, 51); line-height: 60px; font-size: 18px; float: left; cursor: pointer; -moz-border-radius: 10px; -webkit-border-radius: 10px; -z-border-radius: 10px;
}
.slideTxtBox .hd ul li.no_mgl {
	margin-left: 0px;
}
.slideTxtBox .hd ul li.no_mgr {
	margin-right: 0px;
}
.slideTxtBox .hd ul li.on {
	background: rgb(38, 191, 237); border: 0px solid rgb(221, 221, 221); border-image: none; height: 60px; color: rgb(255, 255, 255);
}

.slideTxtBox .bd ul {
	padding: 15px 0px 0px; -ms-zoom: 1;
}
.slideTxtBox .bd .ul1 {
	margin: 0px; 
}
.slideTxtBox .bd .ul1 li { width:300px; text-align: center; font-size: 18px; float: left; 
}

.slideTxtBox .bd .ul1 li img {
	width: 280px; height:200px;
}
.slideTxtBox .bd ul li a:hover{ color:#036EC0; text-decoration:none;}

.slideTxtBox .bd .ul1 li span {
	background: rgb(205, 205, 205); margin: 0px 0px 20px 10px; padding-top:10px; width: 280px; text-align: center; overflow: hidden; border-top-color: rgb(38, 191, 237); border-top-width: 1px; border-top-style: solid; display: block; white-space: nowrap; -ms-text-overflow: ellipsis; box-sizing: border-box; height:50px;
}
.slideTxtBox .bd ul ol {
	margin: 20px 0px 0px 100px;
}
.slideTxtBox .bd ul ol li {
	width: 200px; float: left;
}




<!--次页左侧导航-->

.fixed {
	margin: 50px auto 0px;
}
.fixed .top {
	background: rgb(239, 240, 242); width: 270px; height: auto;
}
.fixed .top dt {
	background: url("../images/list.png") no-repeat 0px 0px; padding: 15px 0px 0px 20px; width: 270px; height: 51px; color: rgb(255, 255, 255); font-size: 18px; font-weight: 500; box-sizing: border-box;
}
.fixed .top dd {
	background: url("../images/lis.png") no-repeat 17px rgb(233, 233, 233); padding: 0px 0px 0px 30px; width: 270px; height: 48px; line-height: 48px; font-size: 16px; border-bottom-color: rgb(215, 215, 215); border-bottom-width: 1px; border-bottom-style: solid; box-sizing: border-box;
}
.fixed .top dd a {
	width: 240px; height: 48px; display: inline-block;  text-decoration:none; 
}
.fixed .top dd.current {
	color: rgb(216, 255, 255); background-image: url("../images/lis_h.png"); background-color: rgb(38, 191, 237);
}
.fixed .top dd.current a {
	color: rgb(255, 255, 255);
}
.fixed .top dd:hover {
	color: rgb(255, 255, 255); background-image: url("../images/lis_h.png"); background-color: rgb(38, 191, 237);
}
.fixed .top dd:hover a {
	color: rgb(255, 255, 255);
}
.fixed .relation {
	margin: 50px 0px 20px; width: 270px; height: 290px; 
}
.fixed .relation h5 {
	background: url("../images/list.png") no-repeat 0px 0px; padding: 15px 0px 0px 20px; width: 270px; height: 51px; color: rgb(255, 255, 255); font-size: 18px; font-weight: 500; box-sizing: border-box;
}
.fixed .relation p {
	background: rgb(233, 233, 233); padding: 10px 10px 10px 26px; line-height: 30px; font-size: 14px;
}
.fixed .relation p span {
	color: rgb(9, 160, 207); font-size: 15px;
}
.fixed .right {
	width: 888px; float: right;
}
.fixed .right .guide {
	text-align: right; line-height: 50px; font-size: 16px; border-bottom-color: rgb(214, 214, 214); border-bottom-width: 1px; border-bottom-style: solid;
}